<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function checkMe() {
				//验证通过标志--初始默认为通过
				var isPass = true;
				var msg = "";

				//验证--用户名不能为空
				//获取用户名输入控件对象的内容
				var txtNamee = document.getElementById("txtName").value;
				if (txtNamee == null || txtNamee == "") {
					//					alert("请输入用户名");
					//验证失败
					isPass = false;
					msg += "请输入用户名\n"
						//					return false;
						//				}else{
						//					return true;
				}

				//验证密码是否为空
				var pss = document.getElementById("ps").value;
				if (pss == null || pss == "") {
					//					alert("请输入密码");
					//验证失败
					isPass = false;
					msg += "请输入密码"
				}
				
				//验证性别
				var radSexx=document.getElementsByName("radSex");
				var isSex=false;
				//遍历所有的单选组件，看是否进行了选择
				for(var i=0;i<radSexx.length;i++){
					//判定是否进行了选择
					if(radSexx[i].checked){
						//选择了
						isSex=true;
						//结束循环
						break;
					}
				}
				//设置性别验证结果
				if(!isSex){
					isPass=false;
					msg += "请选择性别\n"
				}
				
				//验证学历
				var deGrade=document.getElementById("degree").value;
				console.info(deGrade);
				if(deGrade=null||deGrade==""){
					isPass=false;
					msg="请选择学历\n"
				}


				//进行提交判定
				if (isPass) {
					//验证通过，提交表单
					return true;
				} else {
					//验证不通过，阻止提交
					alert(msg);
					return false;
				}
			}

			function doSubmit() {

			}
		</script>
	</head>

	<body>
		<form action="#" method="get">
			<table cellspacing="0" width="600" bordercolor="FBCCBB" align="center">
				<tbody>
					<tr height="80">
						<td>姓名</td>
						<!--<td><input disabled="disabled" type="text" id="txtName" name="txtName" maxlength="4" style="width: 60%;border-color:blue;"/></td>-->
						<td><input type="text" id="txtName" name="txtName" maxlength="4" style="width: 60%;border-color:blue;" /></td>
					</tr>
					<tr height="80">
						<td>登录密码</td>
						<!--<td><input readonly="readonly" type="password" id="ps" name="pp" style="width: 60%;border-color:deeppink;"/></td>-->
						<td><input type="password" id="ps" name="pp" style="width: 60%;border-color:deeppink;" /></td>
					</tr>
					<tr height="80">
						<td>性别</td>
						<!--radio类型的输入框，需要name属性值一致，才具有互斥性-->
						<td><input type="radio" id="radSex1" checked="checked" name="radSex" />女
							<input type="radio" id="radSex2" name="radSex" />男
							<input type="radio" id="radSex3" name="radSex" />人妖
						</td>
					</tr>
					<tr height="80">
						<td>个人简历</td>
						<!--仅在文件上传中可使用accept属性，规定能够通过文件上传进行提交的文件类型-->
						<td><input accept="image/jpeg" type="file" id="fileResume" name="fileResume" /></td>
					</tr>
					<tr height="80">
						<td>兴趣爱好</td>
						<td><input type="checkbox" id="ch1" name="ch" />摄影
							<input type="checkbox" id="ch2" name="ch" />旅游
							<input type="checkbox" id="ch3" name="ch" />读书
							<input type="checkbox" id="ch4" checked name="ch" />跑步
							<input type="checkbox" id="ch5" name="ch" />打球
						</td>
					</tr>
					<tr height="80">
						<td>学历</td>
						<td><select id="degree" name="de" style="width: 30%;">
        					<option value=""></option>
        					<option value="cz">初中</option>
        					<option value="gz">高中</option>
        					<option value="dz">专科</option>
        					<!--<option value="bk" selected>本科</option>-->
        					<option value="ss">硕士</option>
        				</select></td>
					</tr>
					<tr height="80">
						<td>自我介绍</td>
						<td><textarea id="ti" name="tt" style="width: 60%;border-color: lightgreen;"></textarea></td>
					</tr>
					<tr height="80">
						<td>隐藏控件</td>
						<td><input type="hidden" id="hi" name="hh" value="秃鹰秃鹰，我是毒蛇" /></td>
					</tr>
					<tr>
						<td colspan="2"><input type="button" id="bu" name="bu" value="注册" /></td>
					</tr>
					<tr>
						<td><input type="submit" id="sub" value="提交" style="background-color:#199B08" /></td>
						<td align="center"><input type="reset" id="re" value="重置" style="background-color:#199B08" /></td>
						<td> <input type="submit" value="提交啦" id="bbSubmit" onclick="return checkMe();" /></td>
					</tr>
				</tbody>
			</table>
		</form>
	</body>

</html>